<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>DialogControl-简单对话框</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" href="../../assets/css/reset.css"/>
	    <link rel="stylesheet" href="../../assets/css/example.css"/>
	    <style>
	    	body{ height: 1200px; }
	    	.dialogOne{
	    		display: none;
	    		position: absolute;
	    		width: 400px; 
	    		height: 500px; 
	    		border: 5px solid #ccc;
	    		border-radius: 8px;
	    		background-color: #FFF;
	    	}
	    	.dialogOne .close{
	    		display: block;
	    		position: absolute;
	    		right: 10px;
	    		top: 5px;
	    	}
	    </style>
	    <script src="../../jquery/jquery-1.7.1.min.js"></script>
	    <script src="../../jquery-plugin/bgiframe/jquery.bgiframe.js"></script>
		<script src="../mask/mask.js"></script>
		<script src="dialogcontrol.js"></script>
		<!--<script src="public/dialogcontrol-min.js"></script>-->
	</head>
<body>
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<h1>例子：</h1>
	<input id="openBtn" type="button" value="show"/><select><option>vogue</option></select>
	<div class="dialogOne">
		<a class="close" href="javascript:void(0)">关闭</a>
		<div class="content">
		</div>
	</div>
	
	<script>
		var dl = new CNC.ui.DialogControl({
			dialog: $(".dialogOne"),
			closeBtn: $(".dialogOne .close"),
			trigger: $("#openBtn"),
			//position: "absolute",  
			//offsetTop: -75,
			maskOpacity: 0.6,
			maskColor: "#000",
			//hasMask: false,
			onShow: function(){
				//alert("after show");
			},
			onClose: function(){
				//alert("after close");
			}
		});
		//dl.show()
	</script>
</body>
</html>